<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html lang="en" class="">
<head>
<title>HOTEL</title>
<link rel="stylesheet"
	href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script
	src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, shrink-to-fit=no">

<!-- Bootstrap CSS -->
<link rel="stylesheet"
	href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
	integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
	crossorigin="anonymous">

<meta name="viewport" content="width=device-width, initial-scale=1">

<meta name="description"
	content="Boost is a clean and accessible theme for Bootstrap.">

<!-- Goole fonts -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link
	href="https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&amp;family=Merriweather+Sans:ital,wght@0,300;0,400;0,700;1,400&amp;display=swap"
	rel="stylesheet">



<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
	href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script
	src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
<script
	src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<style>
/* Make the image fully responsive */
.carousel-inner img {
	width: 100%;
	height: 100%;
}

a:hover {
	border-bottom: 2px solid blue;
}
</style>

<link type="text/css" rel="stylesheet" charset="UTF-8"
	href="https://translate.googleapis.com/translate_static/css/translateelement.css">
</head>

<body>

	<!--  JavaScript -->
	<!-- jQuery first, then Popper.js, then Bootstrap JS -->
	<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
		integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
		crossorigin="anonymous"></script>
	<script
		src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
		integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
		crossorigin="anonymous"></script>
	<script
		src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
		integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
		crossorigin="anonymous"></script>

	<script>
		$(function() {
			var date = new Date();//初始化时间
			date.setDate(date.getDate() + 7);//过期时间
			var userId = $
			{
				user.userId //这是错的 正确为 var userId="${user.userId}";
			}
			;
			var userTel = $
			{
				user.userTel //这是错的  正确
			}
			;

			document.cookie = "userId=" + userId + ";expires=" + date;
			document.cookie = "userTel=" + userTel + ";expires=" + date;
		});
		function quit() {
			alert("确认退出？");
			location.assign("/user/toLogin");

		}
	</script>
	<header> <nav class="navbar navbar-expand-sm bg-white  ">
	<!-- Brand/logo -->
	<p class="navbar-brand"
		style="font-size: 50px; font-family: fantasy; color: darkblue;">HOTEL</p>
	<div class="container">
		<ul class="nav justify-content-end nav-tabs">
			<li class="nav-item"><a class="nav-link active"
				data-toggle="tab" href="#main">
					<p style="font-size: 20px;">首页</p>
			</a></li>
			<li class="nav-item"><a class="nav-link" data-toggle="tab"
				href="#info">
					<p style="font-size: 20px;">酒店介绍</p>
			</a></li>
			<li class="nav-item"><c:if test="${user!=null}">
					<a class="nav-link" data-toggle="tab" href="#roomInfo">
						<p style="font-size: 20px;">客房信息</p>
					</a>
				</c:if> <c:if test="${user==null}">
					<a href="/user/toLogin" class="btn btn-outline-primary"
						role="button"><p style="font-size: 20px;">客房信息</p> </a>
				</c:if></li>
			<li class="nav-item"><a class="nav-link" data-toggle="tab"
				href="#consult">
					<p style="font-size: 20px;">酒店资讯</p>
			</a></li>
			<li class="nav-item"><a class="nav-link" data-toggle="tab"
				href="#food">
					<p style="font-size: 20px;">酒店餐饮</p>
			</a></li>
			<li class="nav-item"><a class="nav-link" data-toggle="tab"
				href="#discount">
					<p style="font-size: 20px;">优惠活动</p>
			</a></li>
			<li class="nav-item"><c:if test="${user!=null}">
					<a class="nav-link" data-toggle="tab" href="#message">
						<p style="font-size: 20px;">联系我们</p>
					</a>
				</c:if> <c:if test="${user==null}">
					<a href="/user/toLogin" class="btn btn-outline-primary"
						role="button"><p style="font-size: 20px;">联系我们</p> </a>
				</c:if></li>

		</ul>
		<div class="row">

			<c:if test="${user!=null}">
				<p style="color: firebrick; font-size: 15px;">欢迎 ${user.userTel }</p>
			</c:if>
			<c:if test="${user==null}">
				<c:if test="${cookie.userTel.value!=null}">
					<%--                  ${cookie.userTel.value} --%>
					<p style="color: firebrick; font-size: 15px;">欢迎
						${cookie.userTel.value}</p>
				</c:if>
				<c:if test="${cookie.userTel.value==null}">
					<div class="dropdown">
						<button type="button" class="btn btn-primary dropdown-toggle"
							data-toggle="dropdown">登录</button>
						<div class="dropdown-menu">
							<a class="dropdown-item" href="/user/toLogin">用户</a> <a
								class="dropdown-item" href="/admin/toLogin">管理员</a>
						</div>
					</div>
				</c:if>
			</c:if>
			&nbsp;
			<c:if test="${user.userTel==null}">
				<a href="/user/toRegister" class="btn btn-outline-primary"
					role="button"> 注册 </a>
			</c:if>
			<c:if test="${user.userTel!=null}">
				<input type="button" class="btn btn-outline-primary" value="注销"
					onclick="quit()" />
			</c:if>
			&nbsp;
			<c:if test="${user!=null}">
				<a href="/user/userInfo?userId=${user.userId}"
					class="btn btn-outline-primary" role="button"> 个人中心 </a>
			</c:if>
			<c:if test="${user==null}">
				<a href="/user/toLogin" class="btn btn-outline-primary"
					role="button"> 个人中心 </a>
			</c:if>

		</div>
	</div>
	</nav> </header>
	<div class="tab-content">
		<div class="tab-pane active container" id="main">
			<!-- 轮播效果 -->
			<div id="demo" class="carousel slide" data-ride="carousel">

				<!-- 指示符 -->
				<ul class="carousel-indicators">
					<li data-target="#demo" data-slide-to="0" class="active"></li>
					<li data-target="#demo" data-slide-to="1" class=""></li>
				</ul>

				<!-- 轮播图片 -->
				<div class="carousel-inner">
					<div class="carousel-item active">
						<img src="../../../images/before/1.jpg">
					</div>
					<div class="carousel-item">
						<img src="../../../images/before/2.jpg">
					</div>
				</div>
				<!-- 左右切换按钮 -->
				<a class="carousel-control-prev" href="#demo" data-slide="prev">
					<span class="carousel-control-prev-icon"></span>
				</a> <a class="carousel-control-next" href="#demo" data-slide="next">
					<span class="carousel-control-next-icon"></span>
				</a>

			</div>

			<div class="container">

				<div class="row clearfix">
					<div class="col-md-12 column">
						<br>

						<div class="jumbotron">
							<h1>About, us!</h1>
							<p style="font-size: 20px;">
								我们的酒店，是一种自然、健康的生活方式，有清新、舒适的环境，优雅、自由的空间；真诚、有爱的服务，在那里，享受温情曼妙的服务，让你真正体会到自然的舒适感。
							</p>

						</div>
						<br> <br>
						<div class="container">
							<div style="text-align: center;">
								<p class="font-weight-bold"
									style="color: dodgerblue; font-size: 20px;">我们的服务</p>
								<p style="color: darkgray;">OUR SERVICES</p>
							</div>
							<br> <br>
							<div class="row ">
								<div class="col-md-6 column">

									<p>
										<img src="../../../images/before/3.1.png" width="520" height="570"
											class="img-rounded">
									</p>
									<div style="margin-top: 14px">
										<h3>舒适的居住环境</h3>
										<p style="color: gray; font-size: 14px">
											我们提供清新、舒适、优雅、自由空间的房子，让你住的舒服，睡的安心</p>
									</div>
								</div>

								<div class="col-md-6 column">
									<div class="row ">
										<div class="col-md-12 column">
											<p>
												<img src="../../../images/before/3.3.png" width="520" height="254"
													class="img-rounded">
											</p>
											<h3>贴心的人工服务</h3>
											<p style="color: gray; font-size: 14px">
												我们专业的人员为你服务，让你享受温情曼妙的服务</p>
										</div>
									</div>
									<div class="row ">
										<div class="col-md-12 column">

											<p>
												<img src="../../../images/before/3.2.png" width="520" height="254"
													class="img-rounded">
											</p>
											<h3>丰富的美食餐厅</h3>
											<p style="color: gray; font-size: 14px">
												我们还提供各种口味，各色精致菜肴，满足你挑剔的味蕾</p>
										</div>
									</div>
								</div>

							</div>
						</div>
						<br> <br>
						<div style="text-align: center;">
							<p class="font-weight-bold"
								style="color: dodgerblue; font-size: 20px;">让你拥有舒适的体验</p>
							<p style="color: darkgray;">MORE COMFORTABLE</p>
						</div>
						<br> <br>
						<div class="row">
							<div class="col-md-4">
								<div class="thumbnail">
									<img src="../../../images/before/2.1.jpg">
									<div class="caption" style="text-align: center;">
										<h3>温馨客房</h3>
										<p style="color: gray; font-size: 13px">
											给你回家的温馨，让你度过舒适美丽的一天</p>

									</div>
								</div>
							</div>
							<div class="col-md-4">
								<div class="thumbnail">
									<img src="../../../images/before/2.2.jpg">
									<div class="caption" style="text-align: center;">
										<h3>优雅客房</h3>
										<p style="color: gray; font-size: 13px">可以在优雅的环境享受美好的时光</p>

									</div>
								</div>
							</div>
							<div class="col-md-4">
								<div class="thumbnail">
									<img src="../../../images/before/2.3.jpg">
									<div class="caption" style="text-align: center;">
										<h3>自由客厅</h3>
										<p style="color: gray; font-size: 13px">自由的大厅让你为所欲为</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="divider mx-auto"></div>
		</div>
		<div class="tab-pane container" id="info">
			<div>
				<img src="../../../images/before/5.png" width="1120px" class="rounded-circle">
			</div>
			<br /> <br />
			<div class="container">

				<div class="row clearfix">
					<div class="col-md-12 column">

						<div class="container">
							<div style="text-align: center;">
								<p class="font-weight-bold"
									style="color: dodgerblue; font-size: 20px;">舒心服务</p>
								<p style="color: darkgray;">COMFORTABLE SERVICES</p>
							</div>
							<br />
							<div class="container">
								<div class="row clearfix">
									<div class="col-md-6 column">
										<img src="../../../images/before/6.png" width="500px" class="rounded" />
									</div>
									<div class="col-md-6 column jumbotron"
										style="margin-top: 14px;">
										<br />
										<p class="font-weight-bold"
											style="color: grey; font-size: 20px; float: left; margin-right: 20px;">在这里更舒适</p>
										<p style="color: darkgray; margin-top: 8px; font-size: 10px">COMFORTABLE</p>
										<br />
										<p style="color: grey; font-size: 15px; margin-left: 0x">酒店提供无线网络，客户可以随时随地免费上网。酒店提供24H热水，可以随时随地享受热水，享受酒店的品质服务</p>

										<p style="color: grey; font-size: 15px; margin-left: 0x">在这里，不及能够品尝到各种美味佳肴，享受温情曼妙的服务，还提供酒吧。更可以凭窗远眺秀丽美景线，让你真正体会到自然的舒适感</p>
									</div>
								</div>
							</div>
						</div>
						<br /> <br /> <br />
						<div class="container">
							<div class="row clearfix" style="margin-left: 10px">
								<div class="col-md-4 column">
									<img src="../../../images/before/7.1.jpg" class="rounded" width="300px"
										height="" />
								</div>
								<div class="col-md-4 column">
									<img src="../../../images/before/7.2.jpg" class="rounded" width="300px" />
								</div>
								<div class="col-md-4 column">
									<img src="../../../images/before/7.3.png" class="rounded" width="300px" />
								</div>
							</div>
						</div>




						<br /> <br />
						<div style="text-align: center;">
							<p class="font-weight-bold"
								style="color: dodgerblue; font-size: 20px;">海景房环境</p>
							<p style="color: darkgray;">SEASCAPE ROOM</p>
						</div>
						<br>
						<div class="container">
							<div class="row clearfix">
								<div class="col-md-6 column">
									<img src="../../../images/before/8.1.png" class="img-circle"
										width="500px" /> <br />
									<p class="font-weight-bold"
										style="color: grey; font-size: 20px; text-align: center; margin-top: 10px;">露天游泳池</p>
									<br />
									<p style="color: grey; font-size: 15px; margin-left: 0x">
										室外光线好、水温合适，在泳池玩耍时间比较长的泳客还可以在池边晒晒太阳</p>
								</div>
								<div class="col-md-6 column">
									<img src="../../../images/before/8.2.png" class="img-circle"
										width="500px" /> <br />
									<p class="font-weight-bold"
										style="color: grey; font-size: 20px; text-align: center; margin-top: 2px">海景全景房
									</p>
									<br />
									<p style="color: grey; font-size: 15px; text-align: center;">
										优美的居住环境，房子布局时尚好看，还可以观赏到海上景色的房子</p>
								</div>
							</div>
							<div class="row clearfix">
								<div class="col-md-6 column">
									<br /> <img src="../../../images/before/8.3.png" class="img-circle"
										width="500px" /> <br />
									<p class="font-weight-bold"
										style="color: grey; font-size: 20px; text-align: center; margin-top: 10px">花草小路
									</p>
									<br />
									<p
										style="color: grey; font-size: 15px; text-align: center; margin-top: 7px">
										人们常说花草是心灵美的存在，走过一次花草的小路世界是美丽的</p>
								</div>
								<div class="col-md-6 column">
									<br /> <img src="../../../images/before/8.4.png" class="img-circle"
										width="500px" /> <br />
									<p class="font-weight-bold"
										style="color: grey; font-size: 20px; text-align: center; margin-top: 5px">海景一角
									</p>
									<br />
									<p style="color: grey; font-size: 15px; text-align: center">
										白色房屋体现异国格调与大海完美结合，可以看到大海的一处显得格外漂亮</p>
								</div>
							</div>
						</div>





					</div>
				</div>
			</div>




			<!-- end bg-skew -->

			<!-- Icon blocks -->


			<div class="divider mx-auto"></div>

			<!-- Features -->



			<!-- end bg-skew -->
		</div>
		<div class="tab-pane container" id="roomInfo">
			<div>
				<br /> <img src="../../../images/before/9.png" width="1100px"
					style="margin-left: 0px" class="rounded">
			</div>
			<br /> <br />
			<div class="container">

				<div class="row clearfix">
					<div class="col-md-12 column">

						<div class="container">
							<div style="text-align: center;">
								<p class="font-weight-bold"
									style="color: dodgerblue; font-size: 20px;">客房信息</p>
								<p style="color: darkgray;">OUR ROOMS</p>
							</div>
							<br />

						</div>
						<br />
						<div class="container">
							<div class="row clearfix" style="margin-left: 10px">
								<div class="col-md-4 column">
									<img src="../../../images/roomPhoto/0.png" class="rounded" width="300px"
										height="200px" /> <br />
									<div class="caption" style="text-align: center;">
										<br />
										<p class="font-weight-bold"
											style="color: dodgerblue; font-size: 18px;">单人房</p>
										<form
											action="/before/room/selectEnableRooms?userId=${user.userId}"
											modelAttribute="room" method="post">
											<input name="roomType" value="0" type="hidden" />
											<button type="submit" style="width: 180px; color: darkgray;"
												class="btn btn-default">立即订购</button>
										</form>
									</div>

								</div>
								<div class="col-md-4 column">
									<img src="../../../images/roomPhoto/1.png" class="rounded" width="300px"
										height="200px" />
									<div class="caption" style="text-align: center;">
										<br />
										<p class="font-weight-bold"
											style="color: dodgerblue; font-size: 18px;">智能亲子房</p>
										<form
											action="/before/room/selectEnableRooms?userId=${user.userId}"
											modelAttribute="room" method="post">
											<input name="roomType" value="1" type="hidden" />
											<button type="submit" style="width: 180px; color: darkgray;"
												class="btn btn-default">立即订购</button>
										</form>
									</div>
								</div>
								<div class="col-md-4 column">
									<img src="../../../images/roomPhoto/2.png" class="rounded" width="300px"
										height="200px" />
									<div class="caption" style="text-align: center;">
										<br />
										<p class="font-weight-bold"
											style="color: dodgerblue; font-size: 18px;">豪华双床房</p>
										<form
											action="/before/room/selectEnableRooms?userId=${user.userId}"
											modelAttribute="room" method="post">
											<input name="roomType" value="2" type="hidden" />
											<button type="submit" style="width: 180px; color: darkgray;"
												class="btn btn-default">立即订购</button>
										</form>
									</div>
								</div>
							</div>
						</div>
						<br /> <br />
						<div class="container">
							<div class="row clearfix" style="margin-left: 10px">
								<div class="col-md-4 column">
									<img src="../../../images/roomPhoto/3.png" class="rounded" width="300px"
										height="200px" />
									<div class="caption" style="text-align: center;">
										<br />
										<p class="font-weight-bold"
											style="color: dodgerblue; font-size: 18px;">阳光大床房</p>
										<form
											action="/before/room/selectEnableRooms?userId=${user.userId}"
											modelAttribute="room" method="post">
											<input name="roomType" value="3" type="hidden" />
											<button type="submit" style="width: 180px; color: darkgray;"
												class="btn btn-default">立即订购</button>
										</form>
									</div>
								</div>
								<div class="col-md-4 column">
									<img src="../../../images/roomPhoto/4.png" class="rounded" width="300px"
										height="200px" />
									<div class="caption" style="text-align: center;">
										<br />
										<p class="font-weight-bold"
											style="color: dodgerblue; font-size: 18px;">甄选榻榻米</p>
										<form
											action="/before/room/selectEnableRooms?userId=${user.userId}"
											modelAttribute="room" method="post">
											<input name="roomType" value="4" type="hidden" />
											<button type="submit" style="width: 180px; color: darkgray;"
												class="btn btn-default">立即订购</button>
										</form>
									</div>
								</div>
								<div class="col-md-4 column">
									<img src="../../../images/roomPhoto/5.png" class="rounded" width="300px"
										height="200px" />
									<div class="caption" style="text-align: center;">
										<br />
										<p class="font-weight-bold"
											style="color: dodgerblue; font-size: 18px;">行政房</p>
										<form
											action="/before/room/selectEnableRooms?userId=${user.userId}"
											modelAttribute="room" method="post">
											<input name="roomType" value="5" type="hidden" />
											<button type="submit" style="width: 180px; color: darkgray;"
												class="btn btn-default">立即订购</button>
										</form>
									</div>
								</div>
							</div>
						</div>




						<br /> <br />






					</div>
				</div>
			</div>
		</div>
		<div class="tab-pane container" id="consult">
			<div>
				<img src="../../../images/before/10.png" width="1100px"
					style="margin-left: 0px" class="rounded">
			</div>
			<div class="container">
				<div class="row clearfix">
					<div class="col-md-12 column">
						<br>
						<div style="text-align: center;">
							<p class="font-weight-bold"
								style="color: dodgerblue; font-size: 20px;">酒店新聞</p>
							<p style="color: darkgray;">OUR NEWS</p>
						</div>
						<br> <br> <br>
                                                      <p style="text-align: center;color: gray;" >   暂无咨询	</p>
<%-- 						<c:if test="${notice.size() == 0 }"> --%>
<!-- 							返回查询的notice数量，为0则不显示任何东西 -->
<!-- 					暂时没有新的酒店咨询 -->
<%-- 					</c:if> --%>

<%-- 						<c:if test="${notice.size() != 0 }"> --%>

<!-- 											<table border="1" bordercolor="PaleGreen"> -->
<!-- 					<tr> -->
<!-- 						<th width="150px">标题</th> -->
<!-- 						<th width="100px">内容</th> -->
<!-- 						<th width="100px">时间</th> -->

<!-- 					</tr> -->
<%-- 					<c:forEach var="n" items="${notice}"> --%>
<!-- 						<tr onmousemove="changeColor(this)" -->
<!-- 							onmouseout="changeColor1(this)"> -->
<%-- 							<td>${n.noticeTitle}</td> --%>
<%-- 							<td>${n.noticeContent}</td> --%>
<%-- 							<td>${n.noticeTime}</td> --%>
<!-- 						</tr> -->
<%-- 					</c:forEach> --%>
<!-- 				</table> -->
<%-- 								</c:if> --%>





					</div>
				</div>
			</div>

		</div>
		<div class="tab-pane container" id="food">
			<!-- 		轮播效果 -->
			<div id="carousel-example-generic-mobile"
				class="carousel slide hidden-lg-1015" data-ride="carousel">
				<ol class="carousel-indicators">
					<li data-target="#carousel-example-generic-mobile"
						data-slide-to="0" class="active"><b></b></li>
					<li data-target="#carousel-example-generic-mobile"
						data-slide-to="1" class=""><b></b></li>
					<li data-target="#carousel-example-generic-mobile"
						data-slide-to="2" class=""><b></b></li>
					<li data-target="#carousel-example-generic-mobile"
						data-slide-to="3" class=""><b></b></li>
					<li data-target="#carousel-example-generic-mobile"
						data-slide-to="4" class=""><b></b></li>
					<li data-target="#carousel-example-generic-mobile"
						data-slide-to="5" class=""><b></b></li>
				</ol>
				<div class="carousel-inner" role="listbox">
					<div class="item active">
						<div>
							<img src="../../../images/before/background1.jpg" width="100%;">
						</div>
					</div>
					<div class="item">
						<div>
							<img src="../../../images/before/background2.jpg" width="100%;">
						</div>
					</div>
					<div class="item">
						<div>
							<img src="../../../images/before/background3.jpg" width="100%;">
						</div>
					</div>
					<div class="item">
						<div>
							<img src="../../../images/before/background4.jpg" width="100%;">
						</div>
					</div>
					<div class="item">
						<div>
							<img src="../../../images/before/background5.jpg" width="100%;">
						</div>
					</div>
					<div class="item">
						<div>
							<img src="../../../images/before/background6.jpg" width="100%;">
						</div>
					</div>
				</div>
				<a class="left carousel-control"
					href="/zh-hans/shanghai-jingan-luxury-puli-hotel-dining/phenix-eatery-bar/#carousel-example-generic-mobile"
					role="button" data-slide="prev"> <span
					class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
					<span class="sr-only">Previous</span>
				</a> <a class="right carousel-control"
					href="/zh-hans/shanghai-jingan-luxury-puli-hotel-dining/phenix-eatery-bar/#carousel-example-generic-mobile"
					role="button" data-slide="next"> <span
					class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
					<span class="sr-only">Next</span>
				</a>
			</div>

			<br /> <br />
			<div style="text-align: center;">
				<p class="font-weight-bold"
					style="color: dodgerblue; font-size: 20px;">斐霓絲餐厅酒吧</p>
				<p style="color: darkgray;">Restaurant and Pub</p>
			</div>
			<div class="row">
				<div class="col-md-3">
					<div class="text-center">
						<img class="phenix-logo" style="margin-top: -20px;"
							src="../../../images/before/logo.png">
					</div>
				</div>
				<div class="col-md-6">
					<div style="font-family: fantasy; font-size: 15px; color: gray;">
						<p>
							荣获上海米其林指南 2021 一星的斐霓絲餐廳酒吧 （PHÉNIX eatery &amp; bar） 位于璞麗酒店二楼，<span
								style="display: inline-block;">于 2016 年 3 月</span>正式揭幕。宾客在此品味佳肴美馔之时，亦可<span
								style="display: inline-block;">饱览</span>静安公园的宜人景致。
						</p>
						<p>
							餐厅秉持“料”理生活的理念，以丰富优质的天然食材为灵感源泉，本色呈现<span
								style="display: inline-block;">法式</span>料理精髓，回归食材本源，展现生活本味。
						</p>
						<p>坚持以新鲜食材为本的理念深深植根于餐厅的料理哲学中。在斐霓絲，我们将通过现代手法演绎经典，为法式料理注入全新生命力。</p>
						<p>
							作为璞麗酒店的全新篇章，斐霓絲的风格摩登优雅，同时彰显简约纯正的<span
								style="display: inline-block;">品质。</span>餐厅特别设有一个结合酒吧与休闲功能于一体的酒廊，提供经典鸡尾酒以及特别甄选的
							250 款葡萄酒。宾客们可以在此悠然小酌，尽享精致佳酿。
						</p>
					</div>
					<div class="row">
						<div class="col-lg-7">
							<h4 class="phenix-color" style="color: dodgerblue">
								<b>营业时间</b>
							</h4>
							<table width="225" style="color: gray;">
								<tbody>
									<tr>
										<td>早餐：</td>
										<td>06:30 - 10:30</td>
									</tr>
									<tr>
										<td>周日早午餐：</td>
										<td>12:00 - 15:00</td>
									</tr>
									<tr>
										<td>午餐（周一至周六）：</td>
										<td>12:00 - 14:30</td>
									</tr>
									<tr>
										<td>欢乐时光：</td>
										<td>17:00 - 19:00</td>
									</tr>
									<tr>
										<td>晚餐：</td>
										<td>18:00 - 22:00</td>
									</tr>
								</tbody>
							</table>
						</div>
						<div class="col-lg-5">
							<h4 class="phenix-color" style="color: dodgerblue">
								<b>菜单</b>
							</h4>
							<p>
								<a class="ctc phenix-color"
									title="Dining - Phenix - Lunch Set Menu"
									href="../../../images/before/menu1.png" target="_blank" rel="noopener"
									data-report-label="Phenix - Menu" data-report-group="Dining">午餐套餐菜单</a><br>
								<a class="ctc phenix-color"
									title="Dining - Phenix - Sunday Brunch Menu"
									href="../../../images/before/menu2.png" target="_blank" rel="noopener"
									data-report-label="Phenix - Menu" data-report-group="Dining">星期日早午餐菜单</a><br>
								<a class="ctc phenix-color"
									title="Dining - Phenix - Afternoon Tea Menu"
									href="../../../images/before/menu3.png" target="_blank" rel="noopener"
									data-report-label="Phenix - Menu" data-report-group="Dining">下午茶菜单</a><br>
								<a class="ctc phenix-color"
									title="Dining - Phenix - Aperitivo Happy Hour"
									href="../../../images/before/menu4.png" target="_blank" rel="noopener"
									data-report-label="Phenix - Menu" data-report-group="Dining">餐前时光</a><br>
								<a class="ctc phenix-color"
									title="Dining - Phenix - Tasting Menu"
									href="../../../images/before/menu5.png" target="_blank" rel="noopener"
									data-report-label="Phenix - Menu" data-report-group="Dining">臻品菜单</a><br>
								<a class="ctc phenix-color"
									title="Dining - Phenix - A La Carte Menu"
									href="../../../images/before/menu6.png" target="_blank" rel="noopener"
									data-report-label="Phenix - Menu" data-report-group="Dining">零点菜单</a><br>
								<a class="ctc phenix-color"
									title="Dining - Phenix - Dessert Menu"
									href="../../../images/before/menu7.png" target="_blank" rel="noopener"
									data-report-label="Phenix - Menu" data-report-group="Dining">甜品菜单</a><br>
								<a class="ctc phenix-color" title="Dining - Phenix - Bar Menu"
									href="../../../images/before/menu8.png" target="_blank" rel="noopener"
									data-report-label="Phenix - Menu" data-report-group="Dining">酒吧菜单</a><br>
								<a class="ctc phenix-color" title="Dining - Phenix - Wine Menu"
									href="../../../images/before/menu9.png" target="_blank" rel="noopener"
									data-report-label="Phenix - Menu" data-report-group="Dining">酒单</a><br>
								<a class="ctc phenix-color"
									title="Dining - Phenix - Children's Menu"
									href="../../../images/before/menu10.png" target="_blank" rel="noopener"
									data-report-label="Phenix - Menu" data-report-group="Dining">儿童菜单</a><br>
								<a class="ctc phenix-color"
									title="Dining - Phenix - Vegetarian Menu"
									href="../../../images/before/menu11.png" target="_blank" rel="noopener"
									data-report-label="Phenix - Menu" data-report-group="Dining">素食菜单</a>
							</p>
						</div>
					</div>
				</div>
				<div class="col-md-3">
					<div class="text-center ame">
						<h4 class="phenix-color" style="color: dodgerblue">
							<b>预订</b>
						</h4>
						<p class="reserve-link" style="font-size: 13px; color: gray;">
							电话: <a href="tel:+18292177830"> 18292177830</a><br>电邮:

							1585710056@qq.com
						</p>
					</div>
					<br />
					<div class="col-xs-6 text-center r-line text-center-facilities">
						<h4 class="phenix-color" style="color: dodgerblue">
							<b>地点</b><span class="hidden-xs hidden-sm"><br>&nbsp;</span>
						</h4>
						<p style="font-size: 13px; color: gray;">酒店二楼</p>
					</div>
					<div class="col-xs-6 text-center text-center-facilities">
						<h4 class="phenix-color" style="color: dodgerblue">
							<b>着装要求</b><span class="hidden-xs hidden-sm"><br>&nbsp;</span>
						</h4>
						<p style="font-size: 13px; color: gray;">时尚休闲</p>
					</div>
				</div>
				<div class="col-md-12 col-xs-12 space-btm">&nbsp;</div>
				<div class="col-md-4 space-btm">
					<div class="text-center">
						<img class="apply-border" src="../../../images/before/puree1.jpg"
							alt="轻盈土豆泥" width="412" height="194">
					</div>
					<h4 class="phenix-color">
						<span class="playful" style="color: dodgerblue"><b>菜品</b> </span>
						<font color="#999999">|</font> <span class="gery"
							style="font-size: 15px; color: gray;">源于天然食材的佳肴美馔</span>
					</h4>
					<p style="font-size: 13px; color: gray;">厨师团队从新鲜的时令食材中汲取灵感，创作出充满浓郁法式风情的特色佳肴。</p>
				</div>
				<div class="col-md-4 space-btm">
					<div class="text-center">
						<img class="apply-border" src="../../../images/before/lunch2.jpg"
							alt="午餐套餐" width="412" height="194">
					</div>
					<h4 class="phenix-color">
						<span class="playful" style="color: dodgerblue"><b>优惠</b></span> <font
							color="#999999"> |</font> <span class="gery"
							style="font-size: 15px; color: gray;"> 12:00 - 14:30 午餐套餐</span>
					</h4>
					<p style="font-size: 13px; color: gray;">
						人民币 198++ 元二道菜套餐<br>人民币 248++ 元三道菜套餐
					</p>
				</div>
				<div class="col-md-4 space-btm">
					<div class="text-center">
						<img class="apply-border" src="../../../images/before/dinner3.jpg"
							alt="午餐套餐" width="412" height="194">
					</div>
					<h4 class="phenix-color">
						<span class="playful" style="color: dodgerblue"><b>环境</b></span> <font
							color="#999999"> |</font> <span class="gery"
							style="font-size: 15px; color: gray;"> "高端大气上档次"</span>
					</h4>
					<p style="font-size: 13px; color: gray;">百人团队精心打造，奢华房间，舒适就餐环境，高端品牌赞助，体现高质量生活。</p>
				</div>
			</div>
		</div>


		<div class="tab-pane container" id="discount">
			<div class="row flex-cards-container">
				<div class="col-xs-12 col-sm-6 col-md-4 flex-card">
					<img src="../../../images/before/d1.jpg" alt="" loading="lazy"
						class="img-responsive">

					<div class="promo-description card-body">
						<h3 style="color: dodgerblue;">临时优享</h3>
						<div>
							<p style="font-size: 13px; color: gray;">入住前三日内预订客房，可专享房价九折的即时预订特惠、客房升级（视乎预订当日的酒店实际入住率而定）及东道艺术专属礼遇。</p>
						</div>
					</div>
				</div>
				<div class="col-xs-12 col-sm-6 col-md-4 flex-card">
					<img src="../../../images/before/d2love.jpg" alt="" loading="lazy"
						class="img-responsive">

					<div class="promo-description card-body">
						<h3 style="color: dodgerblue;">七夕爱意享住</h3>
						<div>
							<p style="font-size: 13px; color: gray;">爱，像春去秋来，海棠花开。携爱人之手，在璞麗共添美好回忆。</p>
						</div>

					</div>
				</div>
				<div class="col-xs-12 col-sm-6 col-md-4 flex-card">
					<img src="../../../images/before/d3.jpg" alt="" loading="lazy"
						class="img-responsive">

					<div class="promo-description card-body">
						<h3 style="color: dodgerblue;">夏日亲子假期</h3>
						<div>
							<p style="font-size: 13px; color: gray;">时光正好，当与家人共享夏日之乐。</p>
						</div>

					</div>
				</div>
				<div class="col-xs-12 col-sm-6 col-md-4 flex-card">
					<img src="../../../images/before/d4.jpg" alt="" loading="lazy"
						class="img-responsive">

					<div class="promo-description card-body">
						<h3 style="color: dodgerblue;">逸居 - 乐享夏日</h3>
						<div>
							<p style="font-size: 13px; color: gray;">在静谧宜人的都会桃源中全身心感受苍翠夏意。</p>
						</div>

					</div>
				</div>
				<div class="col-xs-12 col-sm-6 col-md-4 flex-card">
					<img src="../../../images/before/d5.jpg" alt="" loading="lazy"
						class="img-responsive">

					<div class="promo-description card-body">
						<h3 style="color: dodgerblue;">逸居 - 城中假日</h3>
						<div>
							<p style="font-size: 13px; color: gray;">暂离庸常生活，开启一段独特的城市探索旅程。</p>
						</div>

					</div>
				</div>
				<div class="col-xs-12 col-sm-6 col-md-4 flex-card">
					<img src="../../../images/before/d6.jpg" alt="" loading="lazy"
						class="img-responsive">

					<div class="promo-description card-body">
						<h3 style="color: dodgerblue;">逸居 - 亲子假期</h3>
						<div>
							<p style="font-size: 13px; color: gray;">携与挚爱家人共赴一段舒适、细腻、温馨的奢享之旅。</p>
						</div>

					</div>
				</div>
				<div class="col-xs-12 col-sm-6 col-md-4 flex-card">
					<img src="../../../images/before/d7.jpg" alt="" loading="lazy"
						class="img-responsive">

					<div class="promo-description card-body">
						<h3 style="color: dodgerblue;">桃源悦享周</h3>
						<div>
							<p style="font-size: 13px; color: gray;">七天连住，纵享慷慨礼遇。</p>
						</div>

					</div>
				</div>
				<div class="col-xs-12 col-sm-6 col-md-4 flex-card">
					<img src="../../../images/before/d8.jpg" alt="" loading="lazy"
						class="img-responsive">
					<div class="promo-description card-body">
						<h3 style="color: dodgerblue;">房晚回馈礼遇静候领取</h3>
						<div>
							<p style="font-size: 13px; color: gray;">
								最新的直接预订特惠活动为您解锁多重专属礼遇。凡通过酒店官网 直接预订客房，即可享受累计 10 付费房晚可获奖励入住 1
								房晚等多重专属礼遇。</p>
						</div>

					</div>
				</div>
				<div class="col-xs-12 col-sm-6 col-md-4 flex-card">
					<img src="../../../images/before/d9.png" width="300px" height="200px"
						style="margin-left: 25px">
					<div class="promo-description card-body">
						<h3 style="color: dodgerblue;">更多优惠查询微信号</h3>
						<div>
							<p style="font-size: 13px; color: gray;">
								随时更新酒店优惠，更会有免费入住的机会等着你！</p>
						</div>

					</div>
				</div>
			</div>
		</div>
		<div class="tab-pane container" id="message">
		   	<img src="../../../images/before/c.jpg" width="1120px" height="400px">
		   	<br/> <br/>
					<form class="form-horizontal" id="form" name="form" action="/hotel/main"
								 method="post">

				<input id="messageUserId" name="messageUserId" class="form-control"  type="hidden" value="${user.userId}"  >
								<div class="form-group">
									<label for="messageTitle" class="col-sm-3 control-label">标题:</label>
									<div class="col-sm-5">
											<input name="messageTitle" type="text" class="form-control"/>
									</div>
								</div>
										<div class="form-group">
									<label for="messageContent	" class="col-sm-3 control-label">内容:</label>
									<div class="col-sm-5">
									<input name="messageContent	" type="text" class="form-control"/>
									</div>

								</div>
								<div class="form-group">
									<div class="col-sm-offset-3 col-sm-10">
										<button  style="width: 180px;"
											class="btn btn-default "  onclick="go()">提交留言</button>
									</div>
								</div>
							</form>
		</div>
	</div>
	<br>
	<footer class="bg-white pt-5">
	<div class="container">

		<div
			class="
                d-flex
                flex-column flex-sm-row
                justify-content-sm-between
                align-items-center
                border-top
                pt-3
              ">
			<div class="small mb-3">
				© Made by <b>joker祎晨</b>
			</div>

		</div>
	</div>
	</footer>
<script>
function go() {
	if(form.messageTitle.value=="")
		{
		 alert("标题不为空");
		return;
		
		}else if(form.messageContent.value==""){
			 alert("内容不为空");
				return;
		}
		else{
			alert("成功提交");
		}
}
</script>
</body>

</html>